<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>制作天气案例</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="wrapper">
        <img src="img/i_search.png" alt="">
        <input type="text" placeholder="请输入城市" class="ipt" id="ipt">
        <div class="city">当前城市：<span id="city" class="city"></span></div>
        <div class="centent">
            <ul class="nav">
                <li class="active" id="today">当前天气</li>
                <li id="mingday">时段预报</li>
                <li id="houday">一周天气</li>
            </ul>
            <div class="main">
                <div class="active" id="text1">
                    <div class="temperature"><span><span id="temperature" ></span>℃</span><span class="tubiao2"></span></div>
                    <div class="trend"><span id="trendMin"></span>℃ / <span id="trendMax"></span>℃</div>
                    <div>天气：<span id="now"></span></div>
                    <div>风向：<span id="feng"></span></div>
                    <div>穿衣指数：<span id="yifu"></span></div>
                </div>
                <div id="text2">

                </div>
                <div id="text3">

                </div>
            </div>
        </div>
        </div>






    <script src="js/script.js"></script>
</body>
</html>
